<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div style="height: 450px;" id="commentChar"></div>
<script>
	$(function() {
		var commentChar = echarts.init(document.getElementById('commentChar'));
		var commentCharOption = {
			title : {
				text : '工单统计',
				subtext : ''
			},
			tooltip : {
				trigger : 'axis'
			},
			legend : {
				data : ['一星', '二星', '三星', '四星', '五星']
			},
			toolbox : {
				show : true,
				feature : {
					mark : {
						show : true
					},
					dataView : {
						show : true,
						readOnly : false
					},
					magicType : {
						show : true,
						type : ['line', 'bar']
					},
					restore : {
						show : true
					},
					saveAsImage : {
						show : true
					}
				}
			},
			calculable : true,
			xAxis : [{
				type : 'category',
				data : ['2014.04.01', '2014.04.02', '2014.04.03', '2014.04.04', '2014.04.05', '2014.04.06', '2014.04.07']
			}],
			yAxis : [{
				type : 'value',
				splitArea : {
					show : true
				}
			}],
			series : [{
				name : '一星',
				type : 'bar',
				data : [Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30)]
			}, {
				name : '二星',
				type : 'bar',
				data : [Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30)]
			}, {
				name : '三星',
				type : 'bar',
				data : [Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30)]
			}, {
				name : '四星',
				type : 'bar',
				data : [Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30)]
			}, {
				name : '五星',
				type : 'bar',
				data : [Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30), Math.round(Math.random() * 30)]
			}]
		};
		commentChar.setOption(commentCharOption);
	}); 
</script>
